<template>
    <view class="comment-region">
        <view class="evaluate-msg" v-for="(item, index) in 5" :key="index">
            <view class="evaluate-person">
                <view class="evaluate-person-left">
                    <view class="header"><image src="../../static/images/logo.png" mode=""></image></view>
                    <text class="phone-num">150****3672</text>
                </view>
                <view class="grade">很满意</view>
            </view>
            <view class="evaluate-content">讲解很清楚 态度非常好 建议很有帮助 回复很及时回复很及时回复很及时回复很及时回复很及时回复很及时</view>
            <view class="evaluate-time">服务顾问：平台 王经理</view>
        </view>
    </view>
</template>
<script>
export default {
    
}
</script>

<style lang="less" scoped>
.evaluate-msg {
    padding: 30upx 25upx 0;
    font-size: 28upx;
    color: #333333;
    .evaluate-person {
        display: flex;
        align-items: center;
        height: 60upx;
        margin: 0upx 0 27upx;
        justify-content: space-between;
        &-left {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .header {
            width: 60upx;
            height: 60upx;
            margin-right: 22upx;
            image {
                border-radius: 50%;
                width: 100%;
                height: 100%;
            }
        }
        .grade {
            color: #f76260;
        }
    }
    .evaluate-content{
        line-height: 35upx;
    }
    .evaluate-time {
        font-size: 24upx;
        color: #999999;
        padding: 30upx 0;
        border-bottom: 1upx solid #eeeeee;
    }
}
</style>
